@import '~@common/css/_variables.scss';

.view {
  width: 100%;
  height: 100vh;
  background-color: transparent;

  :global {
    .ant-layout {
      height: 100%;

      .ant-layout-header {
        height: 60px;
        padding: 0 14px;
        line-height: 1;
        -webkit-app-region: drag;
        background-color: $color;
      }

      .ant-layout-sider {
        overflow-x: hidden;
        overflow-y: scroll;
        background-color: #fff;
        border-right: 1px solid #e5e6ea;

        &::-webkit-scrollbar {
          width: 6px;
          height: 6px;
        }

        /* Track */
        &::-webkit-scrollbar-track {
          background: #fff;
          border-radius: 8px;
        }

        /* Handle */
        &::-webkit-scrollbar-thumb {
          background: #e1e1e1;
          border-radius: 8px;
        }

        /* Handle on hover */
        &::-webkit-scrollbar-thumb:hover {
          background: #cfcfd1;
        }
      }

      .ant-layout-content {
        position: relative;
        overflow-x: hidden;
        overflow-y: scroll;
        background-color: #fff;

        &::-webkit-scrollbar {
          width: 6px;
          height: 6px;
        }

        /* Track */
        &::-webkit-scrollbar-track {
          background: #fff;
          border-radius: 8px;
        }

        /* Handle */
        &::-webkit-scrollbar-thumb {
          background: #e1e1e1;
          border-radius: 8px;
        }

        /* Handle on hover */
        &::-webkit-scrollbar-thumb:hover {
          background: #cfcfd1;
        }
      }

      .ant-layout-footer {
        height: 73px;
        padding: 0;
        background-color: #fff;
        border-top: 1px solid #e1e1e1;
        box-shadow: 3px 3px 3px #000;
      }
    }
  }
}

// 容器组件

.isFull {
  width: 100%;
  margin: 0 auto;
  // max-width: 1100px;
  // max-width: 80%;
  // max-height: 100vh;
}

.notFull {
  width: 100%;
  max-width: 1100px;
  // max-height: 100vh;
  margin: 0 auto;
}
